<template>
	<div>
		<!-- 右侧悬浮菜单 -->
		<div class="hover-menu hidden-md-and-down" data-v-step="4">
			<div title="联系方式" style="margin: 10px 0;" @click="getContacts">
				<i class="el-icon-phone"></i>
			</div>
		</div>
		<!-- 联系方式-模态框 -->
		<el-dialog
			title="联系方式"
			:visible.sync="dialogVisible"
			width="30%"
			:show-close="false">
			<div class="dialog-content">
				<p>使用过程中有什么疑问或建议，请通过以下方式联系我们。</p>
				<p>联系QQ：81730182</p>
				<p>联系邮箱：81730182@qq.com</p>
			</div>
			<span slot="footer" class="dialog-footer">
				<el-button @click="dialogVisible = false">
					关闭
				</el-button>
			</span>
		</el-dialog>
		<!-- 返回顶部 -->
		<el-backtop></el-backtop>
	</div>
</template>

<script>
	export default {
		data () {
			return {
				dialogVisible: false
			}
		},
		methods: {
			// 联系方式
			getContacts() {
				this.dialogVisible = true;
			}
		}
	}
</script>

<style>
	@media only screen and (max-width: 1199px) {
		.el-dialog {
			width: 75% !important;
		}
	}
</style>
